<template>
  <div>
    <h2>过滤器</h2>
    <p>商品的价格是: {{ price | priceFormat(2) }}</p>
    <p>
      活动结束时间: {{ activityTime | timeormatFilter("YYYY-MM-DD HH:mm:ss") }}
    </p>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      price: 8999.456789,
      activityTime: Date.now() + 1000 * 60 * 60 * 24 * 7,
    };
  },
  /* 局部过滤器 */
  filters: {
    /* 
      过滤器可以接收两个参数 第一个是要过滤的值 第二个是调用过滤器时传的参数
    */
    priceFormat(value, filterConditions) {
      return `￥ ${value.toFixed(filterConditions)}`; // toFixed(n) 保留小数点后 n 位
    },
  },
};
</script>

<style>
</style>